@titleFont:28rpx;       //简介标题字体大小
@blueColor:#66b0f1;        //蓝色字体色号
@labelFont:24rpx;       //标签字体大小
@contentFont:24rpx;     //简介字体大小
@greyColor:#dddddd; //灰色色号
@listtitle:24rpx;       //列表标题字体大小
@listcontent:20rpx;     //列表简介字体大小
@listbg:#F7F8FD;          //列表背景色号
.video-box{
    .video{
        width: 100%;
        display: block;
    }
}
text{
    display: block;
}
.text-box{
    background-color: #ffffff;
    box-sizing: border-box;
    padding: 0 20rpx;
    .title-box{
        display: flex;
        justify-content: space-between;
        .left{
            font-size: @titleFont;
            line-height: 50rpx;
        }
        .right{
            line-height: 50rpx;
            text-align: center;
        }
    }
    .label-box{
        color: @blueColor;
        display: flex;
        justify-content: space-between;
        
        .left{
            font-size: @labelFont;
        }
        .right{
            font-size: @labelFont;
            text-align: right;
        }
    }
    .content-box{
        padding-bottom: 10rpx;
        .text{
            font-size: @contentFont;
            color: @greyColor;
        }
    }
}
.platform-img-box{
    margin: 20rpx 15rpx;
    border-radius: 5rpx;
    overflow: hidden;
    .img{
        display: block;
        width: 100%;
        height: 100%;
    }
}
.lists-title-box{
    background-color: #fff;
    box-sizing: border-box;
    margin: 0 20rpx;
    padding: 20rpx;
    display: flex;
    justify-content: space-between;
    .left{
        float: left;
        font-size: @titleFont;
    }
    .right{
        display: flex;
        flex-direction: row;
        text-align: right;
        font-size: @contentFont;
    }
   
}
.lists{
    padding:20rpx;
    white-space: nowrap;
    .item-box{
        width: 220rpx;
        margin: 20rpx;
        padding: 20rpx;
        background-color: @listbg;
        border-radius: 5rpx;
        display: inline-block;
        .title{
            line-height: 50rpx;
            font-size:@listtitle;
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
        }
        .content{
            line-height: 30rpx;
            font-size: @listcontent;
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
        }
    }
    .checked{
        color: @blueColor;
    }
}

.teacher-info-box{
    background-color: #ffffff;
    box-sizing: border-box;
    padding: 20rpx;
    border-top: 1rpx solid @greyColor;
    .title-box{
        font-size: @titleFont;
    }
    .content-box{
        display: flex;
        padding: 20rpx 0;
       .img{
            width: 80rpx;
            display: block;
        }
        .name{
            line-height: 50rpx;
            font-size: @contentFont;
            float: left;
            padding-left: 20rpx;
        }
    }
}